/*--- Cate ---*/
#cate_right{ float: right; width: 255px; }
#cate_left{ float: left; width: 705px; }
.itemlist { clear:both; padding:10px 0 5px 10px; border-bottom:1px dashed #ccc; 
    line-height:18px; height:80px;}
.itemlist .item { float:left; width:588px; } 
.itemlist .item .info { float:left;}
.itemlist .item .info p { line-height:30px; margin:2px 0;}
.itemlist .item .info h3 { display:inline; font-size:12px; margin-right:5px; }
.itemlist .item .info h3 a { color:#CC3300; }
.itemlist .item .info ul { list-style:none; padding:0;margin:0; }
.itemlist .item .info li { padding:1px 0; }
.itemlist .item .stat { float:right; width:100px; padding:0; margin:0; list-style:none;}
.itemlist .item .stat li { padding:1px 0; }
.itemlist .pic { float:left; width: 88px; margin-right:12px;}
.itemlist .pic div { border:1px solid #ccc; height:67px; text-align:center; background:#FFF;} 
.itemlist .pic div img { max-width: 88px; max-height: 79px; 
    width: expression(this.width > 88 ? 88 : true); height: expression(this.height > 67 ? 67 : true); 
    margin-top: expression((67-this.height)/2);
    }
.itemlist .pic p { padding:0;margin:0; }

/*--- Picture ---*/
#pic_left { clear:left; width: 100%; background: #FFF2E6;}
#pic_right { width:100%; }

.rail-piclist { width:100%; overflow:auto; overflow-x:hidden; overflow-y:auto; margin: 0 0 5px 0; 
    padding:0; height:120px; list-style:none; }
.rail-piclist li { float:left; text-align:center; width:128px; height:98px; padding:4px 0;
    margin: 5px 0 5px 3px; border: 1px solid #ccc;}
.detail-picture-no { background:#fff; }
.detail-picture-yes { background:#FFCC00; }
.rail-piclist img { max-width: 124px; max-height: 94px; width: expression(this.width > 124 ? 124 : true); 
    height: expression(this.height > 94 ? 94 : true); margin-top: expression((97-this.height)/2); }

#picture { background:#000; text-align:center; padding:10px 0; }
#picture img { border:1px solid #eee; }
#picture #picture_src { max-height: 940px; width: expression(this.width > 940 ? 940 : true); }

#picture_member { color: #fff; padding-top: 5px; }
#picture-info { margin-top:10px; background:#FFFDF4; padding:10px; }
#picture_title { font-size: 14px; font-weight: bold; }
#picture_comments { padding:15px 0; }
#browse-picture #nav { background:#FFFDF4; padding:10px 0; text-align:center; }

/*--- respond --*/
.respondlist { margin-top:20px; border-top:1px solid #eee; }
.respond { width:96%; margin:0 auto; padding: 10px 5px; border:1px solid #eee; background:#FEFEFE;  }
.respond h5 { margin:0;padding:0;font-size:12px;border-bottom:1px dashed #eee;padding-bottom:2px; }
.respond p { margin:5px 0;padding:0; }

/*--- item ---*/
.item_detail { clear:both; float:left; width:530px; margin-bottom:5px; }
.item_header em { float:right;padding-top:5px;padding-right:5px;font-style:normal;list-style:none; }
.item_header h1 { display:inline;padding:0;margin:0 5px;font-size:18px;color:#CC3300; }
.item_list { list-style:none;margin:5px 10px;padding:0;border-bottom:1px solid #eee;}
.item_list li { line-height:20px; }
.item_list li p { margin:2px 0; height:16px; }
.item_list li .start { margin:0 2px 0 0;  }
.item_list .tags { color:#808080; margin-right:2px; font-size:10px; line-height:18px;}
.item_list .tags a { font-size:12px; }
.item_pic { float:right; width:135px;  }
.item_pic img { display:block; padding:1px; border:1px solid #ddd; margin-bottom:5px;}

.item_reviews { width:98%; margin:0 auto; clear:right;}
.item_reviews .header { }
.item_reviews .header .tab { font-size:14px; margin:0 0 0 5px; list-style:none; padding:0; }
.item_reviews .header .tab li { float:left; padding:5px 10px; background:#FFEECA; font-weight:bold;
    border-width:1px 1px 0 1px; border-style:solid; border-color:#FF6600; position:relative;z-index:1;
    top:1px;}
.item_reviews .header .th { clear:both; border-top:1px solid #FF6600; background:#FFEECA; 
    line-height:25px; }
.item_reviews .header .th em { float:right; padding-top:0; padding-right:5px; font-style:normal; }
.item_reviews .header .th a { margin:0 5px;}

#map_iframe { width:258px; height:200px; margin-bottom:5px; border-bottom:1px solid #E4E4E4; }

/*--- map ---*/
#mapmark_control { margin-bottom: 10px; }
#mapmark_mymap { position: relative; height: 350px; margin-bottom: 10px; }
#mapmark_mymap_in_dialog { position: relative; width: 245px; height: 320px; border: 1px solid #ccc; }

#map_small { width: 258px; margin: 10px auto 0 auto; margin-bottom: 5px; border: 1px solid #E4E4E4; }
#map_small span { display: block; text-align: center; margin-bottom: 5px; }
#viewmap_big { position: relative; width: 99%; height: 400px; border: 1px solid #eee; margin-bottom: 10px; }
#viewmap_small { position: relative; width: 258px; height: 200px; }
